<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="js/echarts.js"></script>
  <title>Title</title>
</head>
<body>
<div id="main" style="width: 800px; height: 400px;"></div>
<script type="text/javascript">
  var myChart = echarts.init(document.getElementById("main"));
  var option = {
    series: [
      {
        roseType: 'area',
        type: 'pie',
        data: [
          {value: 100, name: 'A'},
          {value: 200, name: 'B'},
          {value: 300, name: 'C'},
          {value: 400, name: 'D'},
          {value: 600, name: 'E'}
        ]
      }
    ]
  }
  myChart.setOption(option)
</script>
</body>
</html>